/* Theme Name: House Healers Theme URI: http://househealers.tv Description: The Home of Ottawa's House Healers Team Version: 3.0 Author: House Healers Web Team Author URI: http://www.househealers.tv */ /************** *****FONTS***** ***************/ @font-face { font-family: 'JottFLFRegular';src: url('fonts/JottFLF-Casual.eot');src: local('JottFLF'), local('JottFLF-Casual'), url('fonts/JottFLF-Casual.woff') format('woff'), url('fonts/JottFLF-Casual.ttf') format('truetype'), url('fonts/JottFLF-Casual.svg#JottFLF-Casual') format('svg');} @font-face { font-family: 'JottFLFMediumItalic';src: url('fonts/JottFLF-Italic.eot');src: local('JottFLF'), local('JottFLF-Italic'), url('fonts/JottFLF-Italic.woff') format('woff'), url('fonts/JottFLF-Italic.ttf') format('truetype'), url('fonts/JottFLF-Italic.svg#JottFLF-Italic') format('svg');} /********************************************/ *{ margin: 0; padding: 0;} .clear{ clear: both;} .none { display: none;} #content p.left{float:left; clear:none; padding-left:40px; padding-right:20px;} #content p.right{float:right;clear:none; padding:0px;} .profile{width:270px;} .hand-written{font-family:JottFLFRegular, Arial, Helvetica, sans-serif} a img{border:none;} #content table p{padding:0;} #content table h2{line-height:1em;margin-bottom:10px;display:block;} table#sponsors_table{font-size:.8em;} body { background: url(images/woodbg.gif) top left repeat; font-size: 1em; font-family: Geneva, Arial, Helvetica, sans-serif; color: #595959; padding-top:40px;} /* TOP NAV */ #top-nav { background: url(images/nav-top.jpg) top left repeat-x; width: 100%; height: 32px; font-family:Arial, Helvetica, sans-serif;} #top-nav ul{ width: 960px; margin: 0 auto; list-style-type: none; font-size: .8em;} #top-nav ul li{ float: right; margin: 8px 10px 0 10px;} #top-nav ul li a { color: #acacac; text-decoration: none;} #top-nav ul li a:hover { color: #FFFFFF;} /* WRAPPER */ #wrapper{width: 980px; height: auto; margin: 50px auto;} /* HEADER */ #header { background: url(images/page-top.png) top left no-repeat; width: 1004px; min-height: 350px; } #logo a { background: url(images/logo.png) top left no-repeat; width: 246px; height: 203px; float: left; display: block; margin: -50px 0 0 -20px;} #logo a:hover { background: url(images/logo.png) bottom left no-repeat;} #tv-star{position:relative;left:120px;top:0px;} #tv-star img{border:none;} #nav { width: auto; height: 30px; float: left; margin: 60px 0 0 30px;} #nav ul { list-style-type: none;} #nav ul li { float: left; margin: 5px 15px 0 0;} #nav ul li a { text-decoration: none;} /* NAV IMAGES */ #nav ul li#home a { background: url(images/nav-home.png) top left no-repeat; width: 55px; height: 39px; display: block;} #nav ul li#home a:hover { background: url(images/nav-home.png) bottom left no-repeat; } #nav ul li#team a { background: url(images/nav-team.png) top left no-repeat; width: 49px; height: 39px; display: block;} #nav ul li#team a:hover { background: url(images/nav-team.png) bottom left no-repeat; } #nav ul li#blog a { background: url(images/nav-blog.png) top left no-repeat; width: 43px; height: 39px; display: block;} #nav ul li#blog a:hover { background: url(images/nav-blog.png) bottom left no-repeat; } #nav ul li#sponsors a { background: url(images/Sponsors.png) top left no-repeat; width: 78px; height: 39px; display: block;} #nav ul li#sponsors a:hover { background: url(images/Sponsors.png) bottom left no-repeat; } #nav ul li#projects a { background: url(images/nav-projects.png) top left no-repeat; width: 67px; height: 39px; display: block;} #nav ul li#projects a:hover { background: url(images/nav-projects.png) bottom left no-repeat; } #nav ul li#producers a { background: url(images/nav-producers.png) top left no-repeat; width: 81px; height: 39px; display: block;} #nav ul li#producers a:hover { background: url(images/nav-producers.png) bottom left no-repeat; } #nav ul li#green a { background: url(images/nav-green.png) top left no-repeat; width: 84px; height: 39px; display: block; margin: 0 10px;} #nav ul li#green a:hover { background: url(images/nav-green.png) bottom left no-repeat; } #nav ul li#contact a { background: url(images/nav-contact.png) top left no-repeat; width: 70px; height: 39px; display: block;} #nav ul li#contact a:hover { background: url(images/nav-contact.png) bottom left no-repeat; } /* END OF NAV IMAGES */ #rss a { background: url(images/read-blog.jpg) top left no-repeat; width:301px; height:54px; display: block; margin:0;} #sidebar #rss{margin:0px; margin-left:-10px;} #tagline-image { background: url(images/tagline.jpg) top left no-repeat; width: 189px; height: 216px; float: left; margin: 10px 0 0 50px;} #top-paragraph { width: 620px; height: auto; float: left; margin: -40px 0 0 30px;} #top-img{width:auto; margin-left:60px;} h2#top-para-title { text-transform: uppercase; font-family: Geneva, Arial, Helvetica, sans-serif; color: #b9a9e7; font-weight: normal; font-size:2.25em} #top-paragraph p { font-size: 0.813em; line-height: 18px; margin-bottom: 15px;} .marker-full { background: url(images/marker.png) top left no-repeat; width: 790px; height: 15px; margin: 0 auto; clear: both;} #top-paragraph-jester { width: 570px; height: auto; float: left; margin: -50px 0 0 30px;} #top-paragraph-jester p { font-size: 0.813em; line-height: 18px; margin-bottom: 15px;} #banner{width:828px; margin:0px auto; position:relative; top:-10px; z-index:0;} #header-jen { background: url(images/header-jen.jpg) top left no-repeat; width: 135px; height: 210px; float: right; display: block; margin-right: 50px;} #header-sue { background: url(images/header-sue.jpg) top left no-repeat; width: 135px; height: 210px; float: left; display: block; margin-left: 50px;} /* MAIN BODY */ #mainbody{ background: url(images/page-middle.png) top left repeat-y; width: 1004px; height: auto;} .alignleft { float: left;} .aligncenter { margin: 0 auto;} .alignright { float: right;} /* Page Titles */ #title_contact { background: url(images/title_contact.png) top left no-repeat; width: 201px; height: 41px; float: left; margin: 0 0 20px 20px; } #title_producer {background: url(images/title_producers.png) top left no-repeat; width: 397px; height: 54px; float: left; margin: -8px 0 20px 20px;} #title_projects {background: url(images/title_projects.png) top left no-repeat; width: 156px; height: 50px; float: left; margin: 0px 0 20px 20px;} #title_team {background: url(images/title_team.png) top left no-repeat; width: 168px; height: 53px; float: left; margin: 0px 0 20px 20px;} #title_green {background:url(images/title-green.png); width:215px; height:188px; float:left; margin:-40px 15px 15px -40px;} .green_intro {padding-right:20px; margin-left:75px; clear:both;} #content .green_intro p {margin:0px; padding:15px 0px; font-size:1em; line-height:normal; float:none;} .green_intro h2 {color:#546c27; line-height:1.1em;} .green_intro .first {margin-left:-10px;} .green_intro .second {padding-left:10px;} #green_rss{ background:url(images/green_rss.png) no-repeat; display:block; width:76px; height:75px; margin:-20px 0px -40px 300px;} .hidden{ display:none;} /* CONTENT */ #content { width: 600px; height: auto; margin: 20px 0 0 40px; float: left;} #content p { padding: 0 40px; font-size: 0.813em; line-height: 18px; margin-bottom: 15px; clear: both; float: left;} #content p a{ color: #ff0000; text-decoration: none;} #content p a:hover { text-decoration: underline;} #content .pro_desc {clear:none; width:300px; padding:0px; padding-top:25px;} #content .pro_img {padding-right:20px;} #content .profile_desc {clear:none; margin-bottom:20px; float:none;} #home-paper{background:url(images/yellow-paper.jpg) no-repeat; width:493px; height:352px; font-size:1.45em; padding:45px 40px 0px 57px; margin-left:15px;} #home-paper p {padding:0px;margin-bottom:20px} #video_frame { background: url(images/tv.jpg) top left no-repeat; width: 481px; height:391px; margin: 0px auto 40px; clear: both;} #video_frame object { height: 300px; margin: 30px 30px;} .team_profile { clear: both; width: 100%; height: auto; margin: 50px 0 0 0;} .team_profile .top { background: url(images/corner-top.png) bottom left no-repeat; width: 40px; height: 40px; } .team_profile .bottom { background: url(images/corner-bottom.png) bottom left no-repeat; width: 40px; height: 40px; float: right; clear: both;} .entry img { padding: 10px;} .half-marker { margin: 0px auto; width:100%;} div.green_content { background: url(images/green_content_bg.gif) repeat-y; padding:0px 20px; margin-bottom:1000px;} .green_content_top { background: url(images/green_content_bg_top.gif); width:600px; height:23px; margin-left:-20px;} .green_content_bottom { background: url(images/green_content_bg_bottom.gif); width:600px; height:23px; margin-left:-20px;} .green_div {clear:both; margin-bottom:20px;} .green_links h3, #news {font-weight:normal; font-size:1.1em; margin-bottom:10px; padding-left:35px; padding-top:10px; padding-right:20px;} .green_links .green_title, .green_title {font-variant:small-caps; color:#546c27; font-size:1.4em;} .green_links li, #news_div li{list-style:disc; margin-left:30px; line-height: 1.6em;} .green_links a, #news_div a {display:block; padding-right:30px; text-decoration:none; color:#40a5cc; font-weight:bold;} .green_links a:hover, #news_div a:hover {text-decoration:underline;} .green_links p, #news_div p {margin-bottom:20px;} .cat_div {margin-bottom:20px;padding:0px;} #home {background: url(images/green_home.gif) bottom left no-repeat;} #work {background: url(images/green_work.gif) bottom left no-repeat;} #life {background: url(images/green_life.gif) bottom left no-repeat;} #news {background: url(images/gree_news.gif) bottom left no-repeat;} /* QUOTE */ .char_quote {height:275px; margin-top:0px; position:relative;} .stray_quote {background: url(images/speech_baloon.gif) no-repeat; height:190px; width:320px; padding:40px 60px; padding-top:70px; text-align:center;margin-left:-40px;margin-top:0px; float:left;} #content .stray_quote .green_quote p {padding:0px; margin:10px 0px; font-size:1.1em;} #content .stray_quote .green_quote p .hang_quote {font-size:4em; padding-top:40px;} .eco_man {float:right; margin-right:-20px; margin-top:-60px;} .green_fill {clear:both; height:200px;} .stray_quote a {font-weight:bold; color:#8baf46; background:url(images/reload_norm_green.gif) top right no-repeat; padding-right:50px; padding-top:32px; position:absolute; top:210px; right:330px;} .stray_quote a:hover {background-image:url(images/reload_over_green.gif); text-decoration:underline;} /* BLOG */ #content-blog { width: 600px; height: auto; margin: 20px 0 0 40px; float: left;} #content-blog .topcorner { background: url(images/corner-top.png) bottom left no-repeat; width: 40px; height: 40px; float: left;} #content-blog .bottomcorner { background: url(images/corner-bottom.png) bottom left no-repeat; width: 40px; height: 40px; float: right;} #content-blog h2 a{ text-transform: uppercase; font-family: Geneva, Arial, Helvetica, sans-serif; color: #b9a9e7; font-weight: normal; font-size: 1em; text-decoration: none; width: 90%; display: block; margin: 20px 0 0 -10px; float: left; } #content-blog .blog-date {margin: 0 0 15px 30px;} #content-blog p { font-size: 0.813em; line-height: 18px; margin-bottom: 15px; clear: both; width: 90%; margin: 0 auto 15px auto;} #content-blog p a { color: #ff0000; text-decoration: none;} #content-blog p a:hover { text-decoration: underline} #content-blog h3 {} /* CONTACT FORM */ #wpcf7-f1-p7-o1 { width: 400px; height: auto; margin: 0 auto;} #contact-form input, textarea { padding: 9px; border: solid 1px #E5E5E5; outline: 0; font: normal 13px/100% Verdana, Tahoma, sans-serif; width: 390px; float: right; background: #F0F0F0 ; margin: -5px 0 15px 0; } #contact-form textarea { width: 390px; max-width: 390px; height: 150px; line-height: 150%; } #contact-form input:hover, #contact-form textarea:hover, #contact-form input:focus, #contact-form textarea:focus { border-color: #C9C9C9; -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; -o-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px; } #contact-form p label { float: left; margin: 5px 0 0 20px; width:75px; } #contact-form .submit input { width: 80px; display: block; height: 35px; } #contact-form p span { font-size: .7em; text-align: center;} /* COMMENTS */ ol.commentlist { margin:0; padding:0;font-size: 0.813em; width: 90%; margin: 15px auto; } .commentlist li { list-style:none; margin-bottom:10px; } .commentlist cite { padding: 10px; display:block; font-style:normal; color: #b9a9e7; } .commentlist a:link, .commentlist a:visited { color: #b9a9e7; text-decoration: none;} .commentlist a:hover, .commentlist a:active {color: #b9a9e7; text-decoration: underline;} .commentlist .author { font: small-caps bold 1.2em Geneva, Arial, Helvetica, sans-serif; text-decoration: none; } .commentlist .time { font-size: 0.813em; } .commenttext { background: url(images/half-marker.png) bottom center no-repeat; padding: 10px 5px; } #respond {border-top:1px solid #CCC; padding-top:20px;} #respond h3 {margin-bottom:20px;} #commentform textarea {background:none; width:auto; float:none; margin-bottom:0px; border:1px solid #CCC} #commentform textarea:hover, #commentform textarea:focus, #commentform #submit:hover, #commentform #submit:focus { border-color:#2BA4E6; -webkit-box-shadow: rgba(43, 164, 230, 0.5) 0px 0px 8px; -moz-box-shadow: rgba(43, 164, 230, 0.5) 0px 0px 8px; -o-box-shadow: rgba(43, 164, 230, 0.5) 0px 0px 8px; box-shadow: rgba(43, 164, 230, 0.5) 0px 0px 8px; } #commentform #submit {background:none; border:1px solid #CCC; padding:5px; font-size:1.2em; font-weight:bold; font-variant:small-caps;} #commentform #submit:hover, #commentform #submit:focus {cursor:pointer;} /* SIDEBAR */ #sidebar { width: 280px; height: auto; float: right; margin: 20px 40px 0 0;} #sidebar div { margin-bottom: 50px;} #sidebar-show{background:url(images/sticky.jpg) no-repeat; width:244px;height:249px; padding:20px 22px 10px 13px; font-size:1.1em;} #sidebar-show li{list-style:none;} #sidebar-show ul{padding-left:10px; margin-bottom:5px; margin-top:0px;} #sidebar-show p{margin-bottom:5px; margin-top:0px; font-size:1.2em;} #sidebar-show a{color:#2e3192;} #sidebar-show a:hover, #sidebar-show a:focus{text-decoration:none;} #sidebar-green-link{ background: url(images/sidebar-gogreen.png) top left no-repeat; width: 218px; height: 188px; display: block; margin: 0 auto;} #sidebar-green-link:hover { background: url(images/sidebar-gogreen.png) bottom left no-repeat;} #sidebar-recentposts{clear:both;} #sidebar-recentposts h2{ background: url(images/sidebar-recentposts.png) top left no-repeat; width: 235px; height: 42px; margin: 0 auto;} #sidebar-recentposts ul { width: 260px; margin: 20px auto; list-style-type: none;} #sidebar-recentposts ul li { text-align: center; background: url(images/sidebar-recentposts-underline.png) bottom center no-repeat; padding-bottom: 15px; margin: 0px 0 10px 0;} #sidebar-recentposts ul li a { color: #ac6d4a; text-decoration: none;} #sidebar-sponsors h2 {background: url(images/sidebar-sponsors.png) top left no-repeat; width: 168px; height: 55px; margin: 0 auto;} #sidebar-sponsors ul { margin: 0 auto; list-style-type: none; width: 260px;} #sidebar-sponsors li{float:left;} #sidebar-sponsors li a{} #sidebar-sponsors ul li#graniteShop a { background: url(images/sidebar-graniteShop.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#graniteShop a:hover { background: url(images/sidebar-graniteShop.png) bottom left no-repeat;} #sidebar-sponsors ul li#kpaint a { background: url(images/sidebar-kanatapainters.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#kpaint a:hover { background: url(images/sidebar-kanatapainters.png) bottom left no-repeat;} #sidebar-sponsors ul li#techno a { background: url(images/sidebar-technoposts.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#techno a:hover { background: url(images/sidebar-technoposts.png) bottom left no-repeat;} #sidebar-sponsors ul li#nepean_building a { background: url(images/sidebar-nepeansupplies.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#nepean_building a:hover { background: url(images/sidebar-nepeansupplies.png) bottom left no-repeat;} #sidebar-sponsors ul li#west_end_roofing a { background: url(images/sidebar-weroofing.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#west_end_roofing a:hover { background: url(images/sidebar-weroofing.png) bottom left no-repeat;} #sidebar-sponsors ul li#ecofoam a { background: url(images/sidebar-ecofoam.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#ecofoam a:hover { background: url(images/sidebar-ecofoam.png) bottom left no-repeat;} #sidebar-sponsors ul li#accurate a { background: url(images/sidebar-accuratestairs.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#accurate a:hover { background: url(images/sidebar-accuratestairs.png) bottom left no-repeat;} #sidebar-sponsors ul li#roj a { background: url(images/sidebar-roj.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#roj a:hover { background: url(images/sidebar-roj.png) bottom left no-repeat;} #sidebar-sponsors ul li#tony_olsen a { background: url(images/sidebar-tonyolsen.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#tony_olsen a:hover { background: url(images/sidebar-tonyolsen.png) bottom left no-repeat;} #sidebar-sponsors ul li#gentek a { background: url(images/sidebar-gentek.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#gentek a:hover { background: url(images/sidebar-gentek.png) bottom left no-repeat;} #sidebar-sponsors ul li#jan_plumbing a { background: url(images/sidebar-janplumbing.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#jan_plumbing a:hover { background: url(images/sidebar-janplumbing.png) bottom left no-repeat;} #sidebar-sponsors ul li#leco_roof a { background: url(images/sidebar-ecoroof.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#leco_roof a:hover { background: url(images/sidebar-ecoroof.png) bottom left no-repeat;} #sidebar-sponsors ul li#kreno a { background: url(images/sidebar-kanatarenos.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#kreno a:hover { background: url(images/sidebar-kanatarenos.png) bottom left no-repeat;} #sidebar-sponsors ul li#morris_home a { background: url(images/sidebar-morris.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#morris_home a:hover { background: url(images/sidebar-morris.png) bottom left no-repeat;} #sidebar-sponsors ul li#dominion a { background: url(images/sidebar-dominion.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#dominion a:hover { background: url(images/sidebar-dominion.png) bottom left no-repeat;} #sidebar-sponsors ul li#hhimprove a { background: url(images/sidebar-hhimprove.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#hhimprove a:hover { background: url(images/sidebar-hhimprove.png) bottom left no-repeat;} #sidebar-sponsors ul li#flynn a { background: url(images/sidebar-flynn.png) top left no-repeat; width: 129px; height: 86px; display: block;} #sidebar-sponsors ul li#flynn a:hover { background: url(images/sidebar-flynn.png) bottom left no-repeat;} #sidebar-sponsors ul li#fireplace a { background: url(images/sidebar-fireplace.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#fireplace a:hover { background: url(images/sidebar-fireplace.png) bottom left no-repeat;} #sidebar-sponsors ul li#orleans a { background: url(images/sidebar-orleans.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#orleans a:hover { background: url(images/sidebar-orleans.png) bottom left no-repeat;} #sidebar-sponsors ul li#cassidys a { background: url(images/sidebar-cassidys.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#cassidys a:hover { background: url(images/sidebar-cassidys.png) bottom left no-repeat;} #sidebar-sponsors ul li#fluid a { background: url(images/sidebar-fluid.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#fluid a:hover { background: url(images/sidebar-fluid.png) bottom left no-repeat;} #sidebar-sponsors ul li#invis a { background: url(images/sidebar-invis.png) top left no-repeat; width: 129px; height: 89px; display: block;} #sidebar-sponsors ul li#invis a:hover { background: url(images/sidebar-invis.png) bottom left no-repeat;} #sidebar-cta li{list-style:none;float:left;margin-left:20px;margin-bottom:40px;} #test { width: 100%; height: 40px; background: #330000; clear: both;} /* FOOTER */ #footer { clear: both; background: url(images/page-footer.png) bottom left no-repeat; width: 1004px; height: 400px; } #footer-contact { background: url(images/footer-contact.png) top left no-repeat; float: left; width: 354px; height: 218px; margin: 40px 0 0 100px;} #footer-quote { width: 450px; float: right; margin: 50px 50px 0 0; } #footer-quote p { margin-bottom: 15px;} #footer-quote p.tip { color: #6583cf;} #footer-quote p.auth { color: #132c6c; font-style:normal;} #footer-links { width: 400px; float: right;margin: 40px 100px 0 0;} #footer_img{float:right;width:407px;height:248px;margin-right:45px} #footer-facebook a{ background: url(images/footer-facebook.png) top left no-repeat; width: 45px; height: 43px; display: block; float: left;} #footer-facebook a:hover{ background: url(images/footer-facebook.png) bottom left no-repeat;} #footer-twitter a{ background: url(images/footer-twitter.png) top left no-repeat; width: 45px; height: 43px; display: block;float: left; margin-left: 135px;} #footer-twitter a:hover{ background: url(images/footer-twitter.png) bottom left no-repeat;} #footer-delicious a{ background: url(images/footer-delicious.png) top left no-repeat; width: 45px; height: 45px; display: block;float: right;} #footer-delicious a:hover{ background: url(images/footer-delicious.png) bottom left no-repeat;} /* FOOTER FORM *//* #footer-contact { background: url(images/footer-contact.png) top left no-repeat; float: left; width: 354px; height: 346px; margin: 0px 0 0 100px;} form#footercontact { width: 340px; margin: 77px auto 0 auto; } form#footercontact input { width: 200px; float: right; margin: 0px 40px 3px 0; border: none; background: none;} form#footercontact input.error{color:#FF0000;} form#footercontact textarea { width: 225px; float: right; margin: 35px 15px 0 0; height: 50px; opacity: .5; padding: 4px;border:1px solid #000;} form#footercontact input#quick-submit { width: 36px; height: 17px; clear: both; background: url(images/footer-contact-send.png) top left no-repeat;margin-top:15px;} form#footercontact input#quick-submit:hover { background: url(images/footer-contact-send.png) bottom left no-repeat;} form#footercontact #quick-human_check{margin-top:25px;width:120px;}*/ /* LIGHTBOX */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #current_pro{padding-left:70px;} #current_pro h2, #current_pro h3{clear:both;} #current_pro h3{margin-bottom:8px;} #current_pro p,#current_pro p img{padding-left:0px;} #current_pro li{list-style:inside;margin-bottom:5px;} #current_pro li a{color:#AC6D4A;text-decoration:none;} #current_pro li a:hover{text-decoration:underline;} /*Wilder's footer-contact modifications to style the Contact Form 7 --------------------------*//*my footer-contact customizations*/#footer-contact { background: url(images/footer-contact.png) top left no-repeat; float: left; width: 354px; height: 346px; margin: 0px 0 0 100px;}#footer-contact div#wpcf7-f1-t1-o1 form.wpcf7-form { width: 295px; height:267px; margin: 77px auto 0 auto; }#footer-contact form.wpcf7-form input { width: 180px !important; float: right; margin: 7px 7px 3px 0 !important; border: none; background: none; border:solid black 1px; margin-top:0px !important; padding:0px !important;}#footer-contact form.wpcf7-form p{ font-size:14px !important; margin-top:0px !important; margin-left:-19px !important;}#footer-contact form.wpcf7-form p label{ margin-top:3px !important; margin-bottom: 3px !important; font-weight:bold !important;}#footer-contact form.wpcf7-form p.text label{ margin-top:17px !important; }#footer-contact form.wpcf7-form p.email label{ margin-left:-76px !important; margin-top:20px !important; margin-bottom:0px !important; display:inline !important; clear:none !important; }#footer-contact form.wpcf7-form p.subject label{ /*margin-top:10px !important;*/ margin-bottom:-10px !important; padding-top:12px !important;}#footer-contact form.wpcf7-form p.captchaExp{ width:90%; margin-top:40px !important; margin-left:5px !important; display:block !important; clear:both !important;}#footer-contact form.wpcf7-form input.error{color:#FF0000;}#footer-contact form.wpcf7-form textarea { width: 276px !important; float: right; margin: 5px 7px 10px 0 !important; height: 50px !important; opacity: .5; padding: 4px;border:1px solid #000;}#footer-contact form.wpcf7-form img.wpcf7-captcha-captcha-1{ /*margin-top:-18px;*/ margin-top:0px !important; margin-left: 17px !important;}#footer-contact form.wpcf7-form span.captcha-1 input{ margin-top:5px !important;}#footer-contact form.wpcf7-form div#contact-form p.submit{ margin-top: 0px !important; margin-left: 0px !important; float:right !important;}#footer-contact form.wpcf7-form div#contact-form p.submit input{ margin-top:5px !important; width:75px !important; font-weight:bold !important; background-color:#CCC !important; padding:3px !important; margin-left:40px !important; height: 25px !important;}/*styling contact form 7's error messages*/#footer-contact span.wpcf7-not-valid-tip { position: absolute !important; top: 20%; left: 20% !important; z-index: 100; background: red !important; border: 1px solid #ff0000; font-size: 10pt; /*width: 150px !important;*/ padding: 2px; margin:-16px 0px 0px 270px !important;}#footer-contact div.wpcf7-response-output { position:absolute !important; width:240px; margin: -160px 0px 0px 320px !important; padding: 0.2em 1em;}